Adwaita: special case selection mode lists checks
authorLapo Calamandrei <calamandrei@gmail.com>
Tue, 8 Sep 2015 18:10:51 +0000 (20:10 +0200)
committerJakub Steiner <jimmac@gmail.com>
Wed, 9 Sep 2015 14:37:49 +0000 (16:37 +0200)
...otherwise the special selection mode 40x40px checks are used
shrinked to 16x16.
See https://bugzilla.gnome.org/show_bug.cgi?id=754610

gtk/theme/Adwaita/_common.scss
gtk/theme/Adwaita/gtk-contained-dark.css
gtk/theme/Adwaita/gtk-contained.css

index 51b2be252196d93228a07c6b0bda94ae38f31e5b..96fa6963c446a43b9642ecbd273a1402255cdbc3 100644 (file)
@@ -2160,14 +2160,6 @@ GtkSwitch {
   &:selected, &:hover { icon-shadow: none; }
 }
 
-//content view (grid/list)
-.content-view {
-  background-color: darken($bg_color,7%);
-  &:hover { -gtk-image-effect: highlight; }
-  &:backdrop { background-color: darken($bg_color,7%); }
-  &.rubberband { @extend .rubberband; }
-}
-
 //selection-mode
 @each $s,$as in ('','-selectionmode'),
                   (':hover', '-hover-selectionmode'),
@@ -2177,7 +2169,7 @@ GtkSwitch {
                   (':checked:hover', '-checked-hover-selectionmode'),
                   (':checked:active', '-checked-active-selectionmode'),
                   (':backdrop:checked', '-checked-backdrop-selectionmode') {
-  .view.content-view.check#{$s} {
+  .view.content-view.check#{$s}:not(.list) {
     icon-shadow: none;
     -gtk-icon-source: -gtk-scaled(url("assets/checkbox#{$as}.png"),
                                     url("assets/checkbox#{$as}@2.png"));
@@ -3202,6 +3194,14 @@ GtkColorSwatch {
  * Misc *
  ********/
 
+//content view (grid/list)
+.content-view {
+  background-color: darken($bg_color,7%);
+  &:hover { -gtk-image-effect: highlight; }
+  &:backdrop { background-color: darken($bg_color,7%); }
+  &.rubberband { @extend .rubberband; }
+}
+
 .scale-popup {
 
    .osd & { @extend %osd; }
index 792492c7faa31fb8e390c59126d469e07a259ebc..80644ae498013c3a27896f5b99b64bbcf5c57fb4 100644 (file)
@@ -2821,49 +2821,42 @@ GtkSwitch {
   .list-row .check:hover, list-row .radio:selected, list-row .radio:hover {
     icon-shadow: none; }
 
-.content-view {
-  background-color: #282c2c; }
-  .content-view:hover {
-    -gtk-image-effect: highlight; }
-  .content-view:backdrop {
-    background-color: #282c2c; }
-
-.view.content-view.check {
+.view.content-view.check:not(.list) {
   icon-shadow: none;
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png"));
   background-color: transparent; }
 
-.view.content-view.check:hover {
+.view.content-view.check:hover:not(.list) {
   icon-shadow: none;
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-hover-selectionmode.png"), url("assets/checkbox-hover-selectionmode@2.png"));
   background-color: transparent; }
 
-.view.content-view.check:active {
+.view.content-view.check:active:not(.list) {
   icon-shadow: none;
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-active-selectionmode.png"), url("assets/checkbox-active-selectionmode@2.png"));
   background-color: transparent; }
 
-.view.content-view.check:backdrop {
+.view.content-view.check:backdrop:not(.list) {
   icon-shadow: none;
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-backdrop-selectionmode.png"), url("assets/checkbox-backdrop-selectionmode@2.png"));
   background-color: transparent; }
 
-.view.content-view.check:checked {
+.view.content-view.check:checked:not(.list) {
   icon-shadow: none;
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png"));
   background-color: transparent; }
 
-.view.content-view.check:checked:hover {
+.view.content-view.check:checked:hover:not(.list) {
   icon-shadow: none;
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-hover-selectionmode.png"), url("assets/checkbox-checked-hover-selectionmode@2.png"));
   background-color: transparent; }
 
-.view.content-view.check:checked:active {
+.view.content-view.check:checked:active:not(.list) {
   icon-shadow: none;
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active-selectionmode.png"), url("assets/checkbox-checked-active-selectionmode@2.png"));
   background-color: transparent; }
 
-.view.content-view.check:backdrop:checked {
+.view.content-view.check:backdrop:checked:not(.list) {
   icon-shadow: none;
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-backdrop-selectionmode.png"), url("assets/checkbox-checked-backdrop-selectionmode@2.png"));
   background-color: transparent; }
@@ -4278,6 +4271,13 @@ GtkColorSwatch {
 /********
  * Misc *
  ********/
+.content-view {
+  background-color: #282c2c; }
+  .content-view:hover {
+    -gtk-image-effect: highlight; }
+  .content-view:backdrop {
+    background-color: #282c2c; }
+
 .osd .scale-popup .button.flat, .osd .scale-popup .sidebar-button.button, .osd .scale-popup .header-bar .titlebutton.button, .header-bar .osd .scale-popup .titlebutton.button,
 .osd .scale-popup .titlebar .titlebutton.button,
 .titlebar .osd .scale-popup .titlebutton.button {
index c003c0138547126a05033a13aee6aada40d3e261..d82839a35ccc90c1af168f81e07b41bf37510884 100644 (file)
@@ -2983,49 +2983,42 @@ GtkSwitch {
   .list-row .check:hover, list-row .radio:selected, list-row .radio:hover {
     icon-shadow: none; }
 
-.content-view {
-  background-color: #dbdbdb; }
-  .content-view:hover {
-    -gtk-image-effect: highlight; }
-  .content-view:backdrop {
-    background-color: #dbdbdb; }
-
-.view.content-view.check {
+.view.content-view.check:not(.list) {
   icon-shadow: none;
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png"));
   background-color: transparent; }
 
-.view.content-view.check:hover {
+.view.content-view.check:hover:not(.list) {
   icon-shadow: none;
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-hover-selectionmode.png"), url("assets/checkbox-hover-selectionmode@2.png"));
   background-color: transparent; }
 
-.view.content-view.check:active {
+.view.content-view.check:active:not(.list) {
   icon-shadow: none;
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-active-selectionmode.png"), url("assets/checkbox-active-selectionmode@2.png"));
   background-color: transparent; }
 
-.view.content-view.check:backdrop {
+.view.content-view.check:backdrop:not(.list) {
   icon-shadow: none;
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-backdrop-selectionmode.png"), url("assets/checkbox-backdrop-selectionmode@2.png"));
   background-color: transparent; }
 
-.view.content-view.check:checked {
+.view.content-view.check:checked:not(.list) {
   icon-shadow: none;
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png"));
   background-color: transparent; }
 
-.view.content-view.check:checked:hover {
+.view.content-view.check:checked:hover:not(.list) {
   icon-shadow: none;
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-hover-selectionmode.png"), url("assets/checkbox-checked-hover-selectionmode@2.png"));
   background-color: transparent; }
 
-.view.content-view.check:checked:active {
+.view.content-view.check:checked:active:not(.list) {
   icon-shadow: none;
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active-selectionmode.png"), url("assets/checkbox-checked-active-selectionmode@2.png"));
   background-color: transparent; }
 
-.view.content-view.check:backdrop:checked {
+.view.content-view.check:backdrop:checked:not(.list) {
   icon-shadow: none;
   -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-backdrop-selectionmode.png"), url("assets/checkbox-checked-backdrop-selectionmode@2.png"));
   background-color: transparent; }
@@ -4450,6 +4443,13 @@ GtkColorSwatch {
 /********
  * Misc *
  ********/
+.content-view {
+  background-color: #dbdbdb; }
+  .content-view:hover {
+    -gtk-image-effect: highlight; }
+  .content-view:backdrop {
+    background-color: #dbdbdb; }
+
 .osd .scale-popup .button.flat, .osd .scale-popup .sidebar-button.button, .osd .scale-popup .header-bar .titlebutton.button, .header-bar .osd .scale-popup .titlebutton.button,
 .osd .scale-popup .titlebar .titlebutton.button,
 .titlebar .osd .scale-popup .titlebutton.button {